{include file="public/header" /}
<style>
  body {
    background: #e1e0de;
  }
  * {
    box-sizing: border-box;
  }
  h1,
  h2,
  h3,
  h4 {
    font-weight: 700 !important;
  }
  .layui-card-header {
    width: 100%;
    border-bottom: 1px solid #999 ;
    padding-left: 5px;
    height: auto;
  }
  .layui-card {
    margin:auto;
    padding: 15px 30px;
  }
  .layui-card h1 {
    margin: 10px auto 0;
  }
  .accessories{
    padding: 10px 5px;
    color: #333;
    line-height: 24px;
  }
  .layui-breadcrumb {
    padding-left: 5px;
  }
  .accessories div {
    color:#333;
    line-height: 20px;
    margin: 0 0 15px !important;
  }
  .layui-container {
    padding: 0 !important;
  }
  .accessories li {
    font-weight:bold;
    font-size: 14px;
    color: #36648a;
  }
  ol {
    padding-left:10px;
  }
  .accessories .img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .accessories img {
    width:100%; 
    object-fit:contain;
  }
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card">
      <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>

    <div class="layui-card-header">
      <h1>{:lang('Pins')}</h1>
    </div>

    <div class="layui-card-body accessories">
      <div>{:lang('The pins now we produce are Pivot Pins, Dowel Pins and Knurled Pins.')}</div>
      <div>{:lang('Pivot Pins')}: {:lang('Pivot pins refer to pins that have a special end configuration (e.g spherical end) that allows this feature to be used as a cam profile, such as a detent pin.Pivot Point has diverse manufacturing capabilities that include cold heading, screw machining, high-speed drilling, CNC/Swiss-turning, ball detenting, milling, bending, secondary operations and more.')}</div>
      <div>{:lang('Dowel Pins')}: {:lang('Precision dowel pins are traditionally used to hold two or more parts together in a fixed alignment relying on the tightness of fit to stay in place. Dowels are solid pins, usually precision ground to narrow limits to permit accurate fitting.')}</div>
      <div>{:lang('Knurled Pins')}: {:lang('Knurled Pins are used in a variety of applications in the screw machine, fastener, plastics and automotive industries. Knurling is most commonly used for serrating surfaces where component parts must lock together in unit assemblies. Knurled Pins are similar to grooved pins that have serrations around the diameter. However, knurled pins feature many more serrations. They are press fit fasteners that, when compressed into a hole, extrude radial forces to hold the fastener in place.')}</div>
      <div class="img">
        <img src="{:Config::get('app.images_host')}/images/web/pin.png?v={:time()}">
      </div>
      

      <li>{:lang('Size Ranges')}</li>
      <ol>● {:lang('Diameter')}:{:lang('.031" to 1.000" (.787mm to 25.4mm)')}</ol>
      <ol>● {:lang('Length')}:{:lang('.125" to 3.000" (3.17mm to 76.2mm)')}</ol>
      <br/>

      <li>{:lang('Standard Materials')}</li>
      <ol>● {:lang('Carbon steel')}</ol>
      <ol>● {:lang('Chrome steel')}</ol>
      <ol>● {:lang('Stainless steel(304, 316, 440C)')}</ol>
      <ol>● {:lang('Ceramic(Silicon Nitride, Zirconia,Silicon Carbide, Alumina)')}</ol>
      <br/>

      <li>{:lang('Application')}</li>
      <ol>● {:lang('Pivot Pins')}:{:lang('Toggle switches,Locking devices')}</ol>
      <ol>● {:lang('Dowel Pins')}:{:lang('Universal joints,Constant velocity joints,Roller clutches,Cam rollers,Rocker arms')}</ol>
      <ol>● {:lang('Knurled Pins')}:{:lang('Screw machine, fastener, plastics and automotive industries')}</ol>
      <br/>

      <li>{:lang('Coating and plating available')}</li>
    </div>
  </div>
</div>
{include file="/public/footer" /}
